//引入normalize
@import "normalize.scss";
//引入base
@import "base.scss";
body{
  height: 100%;
  background:url('../images/match/loginbg.png') no-repeat;
  //background:url('../images/match/loginbg.png') no-repeat center / 100% 100%;
  background-size:100%;

  //background-size:(1080/54)*1rem 43.555556rem;
}
.result {
  width: 100%;
  position: relative;
  .di {
    width: (250/54)*1rem;
    height: (205/54)*1rem;
    position: absolute;
    top: (3/54)*1rem;
  }
  .blue_left {
    left: 0;
    background-color: #7382dd;
    border-top-right-radius: (250/54)*1rem;
    border-bottom-right-radius: (250/54)*1rem;
  }
  .red_right {
    background-color: #bc2130;
    border-top-left-radius: (250/54)*1rem;
    border-bottom-left-radius: (250/54)*1rem;
    right: 0;
  }
  .big_bbg{
    width: (644/54)*1rem;
    height: (309/54)*1rem;
    position: absolute;
    top: (213/54)*1rem;
    left: 0;
    background-color: #7382dd;
    border-top-right-radius: (250/54)*1rem;
    border-bottom-right-radius: (250/54)*1rem;
    .fenshu{
      font-size: (102/54)*1rem;
      position: absolute;
      top: (112/54)*1rem;
      color: white;
      font-weight: 800;
      left: (49/54)*1rem;
    }
    .fen{
      font-size: (49/54)*1rem;
      position: absolute;
      top: (164/54)*1rem;
      right: (326/54)*1rem;
      color: white;
      font-weight: 800;
    }
  }
  .big_rbg{
    width: (436/54)*1rem;
    height: (309/54)*1rem;
    position: absolute;
    top: (213/54)*1rem;
    right: 0;
    background-color: #bc2130;
    border-top-left-radius: (250/54)*1rem;
    border-bottom-left-radius: (250/54)*1rem;
    .fenshu{
      font-size: (68/54)*1rem;
      position: absolute;
      top: (112/54)*1rem;
      color: white;
      font-weight: 800;
      left: (215/54)*1rem;
    }
    .fen{
      font-size: (47/54)*1rem;
      position: absolute;
      top: (164/54)*1rem;
      right: (32/54)*1rem;
      color: white;
      font-weight: 800;
    }
  }
  .liansheng{
    width: (295/54)*1rem;
    height: (109/54)*1rem;
    position: absolute;
    top: ((213+309+26)/54)*1rem;
    left: 0;
    background-color: #f7c616;
    border-top-right-radius: (250/54)*1rem;
    border-bottom-right-radius: (250/54)*1rem;
    .wenzi{
      font-size: (68/54)*1rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #514666;
      font-weight: 800;
      left: (27/54)*1rem;
    }
  }
  .hd {
    width: (172/54)*1rem;
    height: (172/54)*1rem;
    position: absolute;
    top: (17/54)*1rem;
    background-color: skyblue;
    border-radius: 50%;
    border: (10/54)*1rem solid white;
  }
  .head_l {
    left: (62/54)*1rem;
  }
  .name {
    font-size: (41/54)*1rem;
    position: absolute;
    top: (218/54)*1rem;
    color: white;
    font-weight: 800;
  }
  .my_name {
    left: (91/54)*1rem;
  }
  .other_name {
    right: (91/54)*1rem;
  }
  .head_r {
    right: (62/54)*1rem;
  }
  .failure{
    background:url('../images/result/挑战失败.png') no-repeat center / 100% 100%;
    width: 100%;
    height: (172/54)*1rem;
    position: absolute;
    top: ((135+213+309+26)/54)*1rem;
    .wenzi{
      position: absolute;
      font-size: (61/54)*1rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color:white;
    }
  }
  .list{
    width: (627/54)*1rem;
    position: absolute;top: ((135+213+309+26+302)/54)*1rem;
    left: 50%;
    transform: translateX(-50%);
    .add{
      width: 100%;
      height: (178/54)*1rem;
      border: (6/54)*1rem solid white;
      border-radius: (52/54)*1rem;
      margin-bottom: (30/54)*1rem;
      position: relative;
      .money{
        background:url('../images/result/money.png') no-repeat center / 100% 100%;
        width: (68/54)*1rem;
        height: (41/54)*1rem;
        left: (104/54)*1rem;
        position: absolute;
        //top: (63/54)*1rem;
        top: 50%;
        transform: translateY(-50%);
      }
      .add_1{
        color: white;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        left: (212/54)*1rem;
        font-size: (40/54)*1rem;
      }
      .exp{
        width: (82/54)*1rem;
        height: (82/54)*1rem;
        background-color: #7dc907;
        border-radius: 50%;
        position: absolute;
        left: ((212+146)/54)*1rem;
        top: 50%;
        transform: translateY(-50%);
        .zi{
          position: absolute;
          color: white;
          font-size: (29/54)*1rem;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
        }
      }
      .add_2{
        color: white;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: (212/54)*1rem;
        font-size: (40/54)*1rem;
        left: ((212+146+107)/54)*1rem;
      }
    }
    .continue{
      width: 100%;
      height: (178/54)*1rem;
      border-radius: (52/54)*1rem;
      background-color: #ffe205;
      position: relative;
      margin-bottom: (30/54)*1rem;
      div{
        position: absolute;
        color: #514666;
        font-size: (51/54)*1rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
      }
    }
    .show{
      width: 100%;
      height: (178/54)*1rem;
      border-radius: (52/54)*1rem;
      background-color: #fa8115;
      position: relative;
      margin-bottom: (21/54)*1rem;
      .fenxiang{
        background:url('../images/result/timg(7).png') no-repeat center / 100% 100%;
        width: (67/54)*1rem;
        height: (74/54)*1rem;
        left: (108/54)*1rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
      .xuan{
        position: absolute;
        color: #514666;
        font-size: (51/54)*1rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
      }

    }
    .tip{
      width: 100%;
      font-size: (35/54)*1rem;
      color: white;
      text-align: center;
      span{
        display: inline-block;
        background:url('../images/result/money.png') no-repeat center / 100% 100%;
        width: (68/54)*1rem;
        height: (41/54)*1rem;
        position: relative;
        top:0.144444rem;
      }
    }
  }
  .juesha{
    background:url('../images/result/组54_34.png') no-repeat center / 100% 100%;
    width: (584/54)*1rem;
    height: (692/54)*1rem;
    position: absolute;
    top: (57/54)*1rem;
    left: 50%;
    transform: translateX(-50%);
    .success{
      position: absolute;
      top: (338/54)*1rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: (60/54)*1rem;
      color: #514666;
    }
    .sha{
      position: absolute;
      top: (478/54)*1rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: (73/54)*1rem;
      color: #ffde00;
    }
  }
}